<template>
	<page :name="name" :padding="true" ref="pageRef" :dialogContent="dialogContent" :isOpenDefaultDialog="isOpenDefaultDialog" :dialogButtons="dialogButtons" :dialogGoUri="dialogGoUri">
		<div id="algorithm-visualizer-component" slot="main">
			<slot name="algorithm-visualizer">
				
			</slot>
		</div>
		<div slot="question-dialog-footer">
			<slot name="questions"></slot>
		</div>		
	</page>
</template>

<script>
export default {
	props: {
		name: {
			type: String,
			required: true
		},
		dialogGoUri: {
			type: String,
		},	
		dialogContent: {
			type: String
		},
		dialogButtons: {
			type: Array,
			default: () => {
				return []
			}
		},
		isOpenDefaultDialog: {
			type: Boolean,
			default: true
		}
	},
};	
</script>

<style>
</style>
